<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>大学申请流程</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
<link rel="stylesheet" href="css/matrix-style.css" />
<link rel="stylesheet" href="css/matrix-media.css" />
<link href="font-awesome/css/font-awesome.css" rel="stylesheet" />
<style>
 body{
  background:none repeat scroll 0 0 #F9F9F9;
  font-family:'Open Sans', sans-serif;
  
 }
 .widget-content{
  padding:15px;
  font-size:12px;
  color:#666;
 }
</style>
</head>
<body>
<div class="container-fluid">
 <div class="row-fluid">
  <div class="span12">
    <div class="accordion" id="collapse-group">
		          <div class="accordion-group widget-box">
		            <div class="accordion-heading">
		              <div class="widget-title"> <a data-parent="#collapse-group" href="#collapseGOne" data-toggle="collapse"> <span class="icon"><i class="icon-magnet"></i></span>
		                <h5>step 1</h5>
		                </a> </div>
		            </div>
		            <div class="collapse in accordion-body" id="collapseGOne">
		              <div class="widget-content"> It has multiple paragraphs and is full of waffle to pad out the comment. Usually, you just wish these sorts of comments would come to an end. </div>
		            </div>
		          </div>
		          <div class="accordion-group widget-box">
		            <div class="accordion-heading">
		              <div class="widget-title"> <a data-parent="#collapse-group" href="#collapseGTwo" data-toggle="collapse"> <span class="icon"><i class="icon-magnet"></i></span>
		                <h5>step  2</h5>
		                </a> </div>
		            </div>
		            <div class="collapse accordion-body" id="collapseGTwo">
		              <div class="widget-content">And is full of waffle to It has multiple paragraphs and is full of waffle to pad out the comment. Usually, you just wish these sorts of comments would come to an end.</div>
		            </div>
		          </div>
		          <div class="accordion-group widget-box">
		            <div class="accordion-heading">
		              <div class="widget-title"> <a data-parent="#collapse-group" href="#collapseGThree" data-toggle="collapse"> <span class="icon"><i class="icon-magnet"></i></span>
		                <h5>step  3</h5>
		                </a> </div>
		            </div>
		            <div class="collapse accordion-body" id="collapseGThree">
		              <div class="widget-content"> Waffle to It has multiple paragraphs and is full of waffle to pad out the comment. Usually, you just </div>
		            </div>
		          </div>
		        </div>
  </div>
 </div>
</div>
<script src="js/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/matrix-new.js"></script> 

</body>
</html>